<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App"
};
</script>

<style lang='less'>
body,
html {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
}
/* 气泡的样式，因挂载在body所以在app修改 */
.poperClass {
  background-color: rgb(88, 180, 72);
  height: 80%;
  width: 25%;
  border: none;
}
// .el-popper[x-placement^="bottom"] .popper__arrow {
//   border-bottom-color: rgb(88, 180, 72);
// }
// .el-popper[x-placement^="bottom"] .popper__arrow::after {
//   border-bottom-color: rgb(88, 180, 72);
//   /* border-left-color:green; */
// }
// .el-popper .popper__arrow,
// .el-popper .popper__arrow::after {
//   border-bottom-color: rgb(88, 180, 72);
// }

/*contact页dialog的样式修改：*/
#contact .dialogClass {
  border-radius: 20px;
  .el-dialog__header {
    border-radius: 20px 20px 0 0;
    background-color: rgb(88, 180, 72);
    span {
      color: #fff;
    }
  }
  .el-dialog__body {
    padding: 25px 25px 0 25px;
    textarea::-webkit-input-placeholder {
      color: rgb(88, 180, 72);
      // font-size: 14px;
    }
    input,
    textarea {
      border-radius: 0;
      border: 1px solid rgba(126, 122, 122, 0.7);
    }
    input::-webkit-input-placeholder {
      color: rgb(88, 180, 72);
      // font-size: 14px;
    }
  }
  .dialog-footer {
    button {
      border-radius: 20px;
      background-color: rgb(88, 180, 72);
    }
  }
}
//首頁 signin dialog:
#signIn .dialogClass {
   border-radius: 20px;
  .el-dialog__header {
    border-radius: 20px 20px 0 0;
    background-color: rgb(88, 180, 72);
    span {
      color: #fff;
    }
  }
  .el-dialog__body {
    padding: 25px 25px 30px 25px;
    textarea::-webkit-input-placeholder {
      color: rgb(88, 180, 72);
      // font-size: 14px;
    }
    input,
    textarea {
      border-radius: 0;
      border: 1px solid rgba(126, 122, 122, 0.7);
    }
   input::-webkit-input-placeholder {
    color: rgba(126, 122, 122, 0.7);
  }
  .el-form-item__label{
    color:rgb(88, 180, 72);
  }
 
  }
  .dialog-footer {
    // padding-bottom: 30px;
    button {
      border-radius: 20px;
      background-color: rgb(88, 180, 72);
    }
  }
}

//event轮播图样式：
.swiper-pagination-bullet-custom {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet-custom.swiper-pagination-bullet-active {
  color: #fff;
  background: rgb(88, 180, 72);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: '';
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black{
  background-image: '';
}
.el-radio__label{
    font-size: 10px!important;
}
.el-radio__inner{
    width: 10px;
    height: 10px;
}
.el-radio__input.is-checked .el-radio__inner{
  background-color: rgb(88, 180, 72);
  border-color: rgb(88, 180, 72);
}
.el-radio__input.is-checked+.el-radio__label{
color: rgb(88, 180, 72);
}
// .el-scrollbar__view.el-select-dropdown__list{
//   background-color: rgb(88, 180, 72);
//   li{
//   background-color: rgb(88, 180, 72);
//   }
// }
</style>
